// 导入必要的依赖
import React from 'react';
import ReactDOM from 'react-dom/client';
import { BrowserRouter } from 'react-router-dom';
import 'remixicon/fonts/remixicon.css';
import './styles/global.scss';
import './index.css';
import App from './App';

/**
 * 应用程序入口文件
 * 负责：
 * 1. 渲染根组件到 DOM
 * 2. 设置严格模式
 * 3. 提供错误边界
 */

// 获取根 DOM 元素
const root = ReactDOM.createRoot(document.getElementById('root'));

// 渲染应用
root.render(
    // 使用严格模式包装应用，帮助发现潜在问题
    <React.StrictMode>
        <BrowserRouter basename={process.env.PUBLIC_URL}>
            <App />
        </BrowserRouter>
    </React.StrictMode>
); 